<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link href="#{facesContext.externalContext.request.contextPath}/resources/css/login.css" rel="stylesheet" type="text/css" />
</h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<title>SISTEMA</title>

<div class="header">

</div>
<body class="fundo_default">
 
<h:form id="form">
<div class="msg">
	<h:messages showDetail="true" id="msg" showSummary="false" />
</div>	
<div class="fundo_login">
	<div class="login">
	
		<div class="login_input">
		
				<h:panelGrid columns="4">
				    <h:outputLabel style="font-size: 12px;" value="Usuário: "></h:outputLabel>
						<p:inputText value="#{loginMB.loginBean.usuario}" size="45" required="true" requiredMessage="Campo Nome é obrigatório."></p:inputText>
					<p:commandLink onclick="alterarUsuario.show()">
						<p:graphicImage id="editarUser" value="/resources/imagens/editar_usuario.png" width="20" height="20"></p:graphicImage>
						<p:tooltip for="editarUser" value="Alterar Usuário."></p:tooltip>
					</p:commandLink>
					
					</h:panelGrid>
					<h:panelGrid columns="4">
					<h:outputLabel style="font-size: 12px;" value="#{msg.label_senha} "></h:outputLabel>
						<p:password style="margin-left:11px;" value="#{loginMB.loginBean.senha}" feedback="false" required="true" requiredMessage="Campo Senha é obrigatório."></p:password>
						<p:commandLink onclick="alterarSenha.show()">
							<p:graphicImage id="editarSenha" value="/resources/imagens/editar_senha.png" width="20" height="20"></p:graphicImage>
							<p:tooltip for="editarSenha" value="Alterar Senha."></p:tooltip>
					</p:commandLink>
				</h:panelGrid>
			
				<p:commandButton value="#{msg.btn_entrar}" action="#{loginMB.validarLogin}" update="msg" style="margin-left: 300px;"></p:commandButton>
		</div>
	</div>
</div>

</h:form>
		<ui:include src="login/alterarSenha.xhtml"></ui:include>
		<ui:include src="login/alterarUsuario.xhtml"></ui:include>
</body>
</html>

